﻿@{
    var modelBoss = ViewData["model"] as ArcyunNew.Controllers.DownHtmlReturn;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>管理助手下载</title>
    <script src="../../Content/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../../Content/js/main.js" type="text/javascript"></script>
    <style>
        body, ul, li, p, form, table, td, img, div, h1, h2, h3, h4, h5, input { margin: 0; padding: 0; border: 0; }
        input { -webkit-appearance: none; outline: none; }
        /*去除input默认样式*/
        body { font-family: "微软雅黑"; font-size: 100%; background-color: #fff; position: relative; }
        ul, li { list-style-type: none; }
        .img { width: 100%; display: block; border: 0; margin: 0 auto; }
        a { text-decoration: none; cursor: pointer; color: #fff; font-size: 1em; }
        .div_btn { width: 100%; text-align: center; margin-bottom: 0.8em; margin-top: 0.5em; }
        .a_btn_apple { display: inline-block; margin-right: 1em; width: 45%; height: 3em; line-height: 3em; background-color: #2c9fd9; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: center; }
        .a_btn_android { display: inline-block; width: 45%; height: 3em; line-height: 3em; background-color: #93bd3a; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: center; }
        /*2014-3-19新增*/
        .a_btn_i { display: block; font-size: 1.3em; width: 60%; margin: 0 auto; height: 2.4em; line-height: 2.4em; background-color: #2c9fd9; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: center; }
        .a_btn_a { display: block; font-size: 1.3em; width: 60%; margin: 0 auto; height: 2.4em; line-height: 2.4em; background-color: #93bd3a; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: center; }
        p { font-size: 1em; color: #555; padding: 0 0.5em }
        p.title { text-align: center; font-weight: bold; margin: 1em auto 0.6em auto; color: #333 }
        p.text { margin-bottom: 1em }
        p.tips { color: #555; line-height: 2.5em; }
        span { color: #d3343c }
        .hr0 { height: 2px; border: none; margin: 0 0.5em; background: url(../images/dot.png) repeat-x; }
        .content_txt { margin: 0.8em 1em 1.1em 1.5em; }
        .content_txt p { font-size: 1em; line-height: 1.85em; color: #714b1e; }
        .content_txt p img { width: 24px; height: 24px; margin-bottom: -6px; margin-right: 8px; }
        p.text { font-size: 1em; color: #555; }
        p span { color: #d3343c; }
        .a_btn_tip { display: block; width: 6em; height: 2.5em; line-height: 2.5em; background-color: #2c9fd9; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: center; margin: 1em auto 0 auto; }
        /*2014-3-19新增 结束*/
        .popWin { width: 100%; height: 100%; background: url(../images/tips_bg.png) repeat; position: absolute; top: 0; left: 0; z-index: 9; }
        .popWin div { margin: 1em 1.6em 0em 1.6em; text-align: center; }
        .popWin .img1 { width: 100%; }
        .popWin .img2 { width: 50%; margin: 4em auto 1em auto; }
        .inputTest { width: 100%; height: 3em; border: 2px solid #ca9f53; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #ca9f53; font-family: "微软雅黑"; vertical-align: middle; font-size: 1em; padding: 0 0 0 3px; }
        .btn { width: 6.4em; height: 3em; padding-left: 1.2em; border: 0; background-color: #ca9f53; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-family: "微软雅黑"; font-size: 1em; letter-spacing: 1.2em; color: #fff; margin-right: 2em; cursor: pointer; }
        .btn.noRmarin { margin-right: 0px }
        .pop-layout { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.6; display: none; }
        .popTable { border: 0; padding: 0; margin: 0; width: 100% }
        .popTable td.cell1 { color: #ca9f53; font-family: "微软雅黑"; font-size: 1em; height: 3.6em; line-height: 3.6em; width: 5.2em; }
        .div_btn_center { width: 15.2em; margin: 0 auto; }
    </style>
</head>
<body>
    <div id="wrapper">
        <img src="@modelBoss.StrImg" class="img" />
        <div class="div_btn">
            @(new HtmlString(modelBoss.StrDownHtml))
        </div>
        <div style="color: #fff; clear: both; height: 1.4em;">
            &nbsp;
        </div>
    </div>
    <input type="hidden" id="hiddenwenxin" value="@modelBoss.IsUserAgent" />
    @*<input type="hidden" id="hiddenAndoridWenxin" value="<%=IsAndoridWenxin %>" />*@
    <input type="hidden" id="hiddeniosurl" value="@modelBoss.IOSUrl" />
    <input type="hidden" id="hiddenandoridurl" value="@modelBoss.AndroidUrl" />
    <div id="POPAndroid" class="popWin" style="display: none;">
        <div id="POPAndroid_TOP"><img src="../../Content/Images/App/Ba/tips_android1.png" class="img1" /></div>
        <div><img src="../../Content/Images/App/Ba/tips_android2.png" class="img2" onclick="$('#POPAndroid').css('display','none')" /></div>
    </div>
    <div id="POPIOS" class="popWin" style="display: none;">
        <div id="POPIOS_TOP"><img src="../../Content/Images/App/Ba/tips_iphone1.png" class="img1" /></div>
        <div><img src="../../Content/Images/App/Ba/tips_iphone2.png" class="img2" onclick="$('#POPIOS').css('display','none')" /></div>
    </div>
    <div id="POPIOS_WB" class="popWin" style="display: none;">
        <div id="POPIOS_WB_TOP"><img src="../../Content/Images/App/Ba/tips_iphone3.png" class="img1" /></div>
        <div><img src="../../Content/Images/App/Ba/tips_iphone2.png" class="img2" onclick="$('#POPIOS_WB').css('display','none')" /></div>
    </div>
    <script type="text/javascript">
        function IOSDownload() {
            if ($("#hiddenwenxin").val() == "weixin") {
                var itop = document.body.scrollTop + 10; //document.body.scrollTop 网页被卷去的高
                $("#POPIOS_TOP").css("margin-top", itop);
                $("#POPIOS").show();
                return false;
            }
            if ($("#hiddenwenxin").val() == "weibo") {
                var itop = document.body.scrollTop + 10; //document.body.scrollTop 网页被卷去的高
                $("#POPIOS_WB_TOP").css("margin-top", itop);
                $("#POPIOS_WB").show();
                return false;
            }
            // var url = $("#hiddeniosurl").val();
            //  location.href = url;
        }
        function AndoridDownload() {
            if ($("#hiddenwenxin").val() == "weixin") {
                var itop = document.body.scrollTop + 10;
                $("#POPAndroid_TOP").css("margin-top", itop);
                $("#POPAndroid").show();
                return false;
            }
            //$("#hiddenandoridurl").click();
            location.href = $("#hiddenandoridurl").val();
        }
    </script>
    <script src="../../Content/js/jslocation.js?v=1" type="text/javascript"></script>
</body>
</html>
